home *** CD-ROM | disk | FTP | other *** search
/ Dynamic HTML Construction Kit / Dynamic HTML Construction Kit.iso / source_code / dhtmlunl / dhtml.exe / CD Content / Chap12 / dun12_5.txt < prev    next >
Encoding:
Text File  |  1997-12-18  |  1.2 KB  |  55 lines
  1. <HTML>
  2. <HEAD>
  3. <TITLE> scripting position - cross browser</TITLE>
  4. </HEAD>
  5. <SCRIPT LANGUAGE="javascript">
  6.  
  7. var L=new layerTool();
  8. function layerTool()
  9.     {
  10.     if (navigator.appName=="Netscape")
  11.         this.layerProp=navProp;
  12.     else
  13.         this.layerProp=exProp;
  14.     }
  15. function exProp()
  16.     {
  17.     return document.all[arguments[arguments.length-1]].style;
  18.     }
  19. function navProp()
  20.     {
  21.     retVal="";
  22.     for (var x=0;x<arguments.length;x++)
  23.         {
  24.         retVal+="document.layers[\'"+arguments[x]+"\']";
  25.         if (x!=arguments.length-1)
  26.             retVal+=".";
  27.         }
  28.     return eval(retVal);
  29.     }
  30. function random (limit)
  31.     {
  32.      return (Math.round(((Math.random())*1000))%limit)+1;
  33.     }
  34. function moveElement()
  35.     {
  36.     L.layerProp('movingElement').left=random(300);
  37.     L.layerProp('movingElement').top=random(300);
  38.     }
  39. </SCRIPT>
  40. <STYLE TYPE="text/css">
  41. .comeAlong{
  42.     POSITION: absolute;
  43.     TOP: 100px;
  44.     LEFT: 100px;
  45.     }
  46. </STYLE>
  47. <BODY BGCOLOR="#ffffff">
  48. <DIV ID="movingElement" CLASS="comeAlong">
  49. <FORM>
  50. <INPUT TYPE=BUTTON VALUE="you move me" ONCLICK="moveElement()">
  51. </FORM>
  52. </DIV>
  53. </BODY>
  54. </HTML>
  55.